<template>
  <div class="min-h-screen bg-gray-50 font-sans">
    <!--最上面的路由跳转界面 -->
    <!-- <Navbar /> -->
    <div class="container mx-auto px-4 py-8">
      <router-view />
    </div>
  </div>
</template>

<script setup>
import Navbar from './components/Navbar.vue'
</script>

<style>
body {
  margin: 0;
  padding: 0;
  position: relative; /* 确保伪元素相对于body定位 */
  min-height: 100vh;  /* 确保body至少占满视口高度 */
  background-color: #f0f0f0; /* 备用背景色 */
}

/* 添加半透明背景图片 */
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: url('https://picsum.photos/1920/1080'); */
  background-repeatt: no-repeat;   /* 平铺效果 */
  opacity: 0.5; /* 透明度：0.1(几乎透明)到1(完全不透明) */
  z-index: -1; /* 将背景置于内容下方 */
}
</style>